<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>逗比视频更多精彩等你发现</title>
		<script src="js/vue.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="js/elementui.js"></script>
		<script src="js/common.js"></script>
		<script src="js/jquery3.5.1.js"></script>
		<link rel="stylesheet" href="css/index2.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/gun.css" />
		<link rel="icon" sizes="32x32" href="img/logo(1).png" type="image/x-icon">
		<script src="layui/layui.js"></script>
		<link href="layui/css/layui.css" rel="stylesheet">
		<style>
			#hradImg{
				height: 50px;
				width: 50px;
				border-radius: 50%;
				position: absolute;
				left: 84%;
				top: 5px;
				z-index: 2000;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<img v-if="iflogin" id="hradImg" :src="headImg"/>
			<!--搜索框-->
			<div  id="search_show">
				<div v-show="historyshow" class="history_tilie">
					<span class="search_left">历史记录</span>
					<span class="search_right">
						<i @click="deleteTags" class="layui-icon" style="font-size: 13px; color: #cccccf;">&#xe640;清楚历史</i>
					</span>
				</div>
				<div class="history_content">
					<el-tag :disable-transitions="true" v-for="tag in historyTags"  @click="addTags(tag)" @close="handleClose(tag)" size="mini" color="#33343f" effect="dark" closable type="info">{{tag.name}}</el-tag>
				</div>
				<div class="hot_tilie">
					<span class="search_left">逗比热点
					<i class="layui-icon" style="font-size: 15px; color: #ff7519;">&#xe756</i>
					</span>
				</div>
				<div v-show="hotshow" class="hot_content">
					<div class="hot_name">
						<div class="hot_num"><i class="el-icon-upload2"></i></div>
						<div class="hot_string">&nbsp;&nbsp;狐妖小红娘的粉丝们狂怒了</div>
					</div>
					<div class="hot_name">
						<div class="hot_num">1</div>
						<div class="hot_string">&nbsp;&nbsp;哪吒票房破12亿&nbsp;&nbsp;<i class="layui-icon" style="font-size: 12px; color: #ff7519;">&#xe756</i></div>
					</div>
					<template v-for="num in 4">
						<div class="hot_name">
							<div class="hot_num">{{num+1}}</div>
							<div class="hot_string">&nbsp;&nbsp;身价过{{num}}亿的人每天都在做什么</div>
						</div>
					</template>
				</div>
			</div>
			<!--头部-->
			<div id="header">
				<div id="header_box">
					<!-- 左侧信息栏 -->
					<div id="header_left">
						<!-- 模糊背景 -->
						<div class="blur">

						</div>
						<!-- 模糊背景 -->
						<div class="blur" style="transform: rotate(22deg);background-color: #fd6a6b;top: 19px;left: 62px;">

						</div>
						<!-- logo -->
						<img src="img/logo.png" alt="" width="90px" height="45px" style="position: relative;margin-top: 20px;">
						<!-- 左侧信息图标 -->
						<div style="position: relative;width: 160px;height: 440px;margin-top:10px;padding-left: 10px;box-sizing: border-box;" >
							<div style="border-bottom: 1px solid #23212c;padding-bottom: 20px;">
								<div class="left-icon" id="choiceness">
									<svg class="icon" style="vertical-align: middle;" t="1737815426949" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4164" width="200" height="200"><path fill="#8e9097" d="M512.01 161.22l-79.4 141.38c-17.34 30.88-46.76 53.01-81.02 61.33l-6.48 1.4-158.97 29.99 109.62 114.92c24.76 25.96 37.3 61.06 34.67 96.61l-0.67 6.67-20.09 157.76 148.83-68.54a127.979 127.979 0 0 1 100.97-2.6l6.04 2.6 148.82 68.54-20.09-157.78c-4.53-35.57 6.29-71.24 29.51-98.3l4.5-4.97 109.62-114.92-158.97-29.99c-34.83-6.57-65.28-27.27-84.1-57.04l-3.39-5.69-79.4-141.37z m44.07-73.71l2.04 3.33 98.38 175.19c6.9 12.29 18.5 21.26 32.09 24.96l4.14 0.95 199.52 37.64c9.87 1.86 19 6.47 26.31 13.29 20.13 18.78 22.02 49.51 5.02 70.5l-2.84 3.23-138.47 145.16c-9.73 10.2-14.85 23.79-14.34 37.67l0.38 4.63 25.18 197.69c1.24 9.74-0.33 19.64-4.52 28.54-11.74 24.93-40.87 36.36-66.46 26.77l-3.63-1.51-184.6-85.02a53.33 53.33 0 0 0-40.25-1.76l-4.3 1.76-184.61 85.02c-9 4.15-19.01 5.7-28.86 4.47-27.65-3.44-47.59-27.46-46.08-54.55l0.34-3.71 25.18-197.69c1.77-13.91-2.2-27.87-10.89-38.78l-3.07-3.52-138.47-145.16c-6.89-7.23-11.56-16.25-13.44-26.01-5.22-27.07 11.73-53.23 38.25-60.18l3.68-0.83 199.52-37.64c13.97-2.64 26.21-10.72 34.02-22.33l2.21-3.59 98.38-175.19a52.48 52.48 0 0 1 20.51-20.28c24.31-13.34 54.67-5.67 69.68 16.95z m-31.64 748.05c20.62 0 37.33 16.71 37.33 37.33v49.78c0 20.62-16.71 37.33-37.33 37.33s-37.33-16.71-37.33-37.33v-49.78c0-20.62 16.72-37.33 37.33-37.33z m-423.11-224c19.41 0 35.35 14.81 37.16 33.74l0.17 3.6v273.78c0 20.62-16.71 37.33-37.33 37.33-19.41 0-35.35-14.81-37.16-33.74l-0.17-3.6V648.89c0-20.62 16.71-37.33 37.33-37.33z m821.34 0c19.41 0 35.35 14.81 37.16 33.74l0.17 3.6v273.78c0 20.62-16.71 37.33-37.33 37.33-19.41 0-35.35-14.81-37.16-33.74l-0.17-3.6V648.89c-0.01-20.62 16.71-37.33 37.33-37.33z" p-id="4165" ></path></svg>
									<span style="color: #8e9097;font-size: 12px;margin-left: 12px;">精选</span>
								</div>
								<div class="left-icon left-icon-checked" id="Recommended">
									<svg class="icon" style="vertical-align: middle;" t="1737818953709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6971" width="200" height="200"><path d="M695.505286 0H349.735669C234.808983 0 143.792754 93.156433 143.792754 208.08312v780.599361c0 13.508603 6.489653 25.866559 18.640492 31.780888 12.150839 5.891316 26.004637 4.349448 36.659634-4.004253l323.81526-254.68435L846.907503 1016.482129c6.351575 4.993811 13.968862 7.548249 21.747241 7.548248 5.269966 0 10.171725-1.173661 15.073484-3.543995 12.150839-5.937342 19.491971-18.272285 19.491971-31.803901V208.08312C903.220199 93.156433 810.40896 0 695.505286 0zM834.18134 906.91746l-286.235108-221.729801c-6.259523-4.924772-15.809899-7.387158-23.335134-7.387158s-19.192803 2.462386-25.452326 7.387158L212.831613 906.91746V215.171109C212.831613 140.931323 279.477124 92.051812 353.693897 92.051812h337.876174C765.786844 92.051812 834.18134 140.931323 834.18134 215.171109v691.746351z" p-id="6972"></path><path d="M780.285005 310.32967a21.678202 21.678202 0 0 0-0.85148-4.67163c-0.506285-1.541868-1.265712-2.876619-2.048152-4.280409-0.483272-0.851479-0.644363-1.818023-1.265713-2.600464-0.276155-0.368207-0.690389-0.529298-0.989557-0.874492-1.035583-1.242699-2.278282-2.163218-3.567008-3.152775-1.127635-0.874492-2.163218-1.771997-3.405917-2.393347-1.242699-0.644363-2.600464-0.943531-3.958227-1.357764-1.564881-0.460259-3.03771-0.920518-4.67163-1.035583-0.460259-0.046026-0.828466-0.276155-1.288725-0.299168l-160.998619-3.267839-52.883765-152.184658a23.012953 23.012953 0 0 0-43.494481 0l-52.883766 152.184658-160.998618 3.267839a23.012953 23.012953 0 0 0-13.439565 41.331263l128.504329 97.41383-46.854372 154.00268a23.012953 23.012953 0 0 0 35.140779 25.590404l132.25544-91.867708 132.232428 91.867708a22.943914 22.943914 0 0 0 26.672012-0.276155 23.012953 23.012953 0 0 0 8.468767-25.314249l-46.785334-153.956654 128.504329-97.41383c0.39122-0.299168 0.552311-0.736414 0.943531-1.058596 0.989557-0.851479 1.725971-1.887062 2.554438-2.899632 1.127635-1.357764 2.232256-2.64649 3.014697-4.188357 0.529298-1.058596 0.759427-2.209243 1.127635-3.359891a22.161474 22.161474 0 0 0 1.196673-5.131889c0.023013-0.437246 0.276155-0.805453 0.276156-1.242699 0.023013-1.01257-0.414233-1.864049-0.506285-2.830593z m-185.829595 116.169386l32.241147 105.951635-90.924177-63.170556c-0.138078-0.092052-0.322181-0.092052-0.460259-0.184104-1.518855-1.01257-3.244826-1.518855-4.947785-2.140204-1.150648-0.414233-2.186231-1.081609-3.336878-1.311738-1.449816-0.276155-2.922645-0.069039-4.395474-0.069039s-2.945658-0.207117-4.395474 0.069039c-1.150648 0.23013-2.209243 0.897505-3.336878 1.311738-1.702959 0.62135-3.42893 1.127635-4.947785 2.140204-0.138078 0.092052-0.322181 0.092052-0.460259 0.184104l-90.924177 63.170556 32.218134-105.951635a23.012953 23.012953 0 0 0-8.123572-25.038093l-88.53083-67.105771 110.807368-2.255269a23.012953 23.012953 0 0 0 21.263969-15.441691l36.429504-104.777975 36.429505 104.777975a22.98994 22.98994 0 0 0 21.263968 15.441691l110.807368 2.255269-88.553842 67.105771a23.012953 23.012953 0 0 0-8.123573 25.038093z" p-id="6973"></path></svg>
									<span style="color: #8e9097;font-size: 12px;margin-left: 12px;">推荐</span>
								</div>
							</div>
							<div style="border-bottom: 1px solid #23212c;padding-bottom: 20px;">
								<div id="attentionVideo" class="left-icon" >
									<svg class="icon" style="vertical-align: middle;" t="1737819745450" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7978" width="200" height="200"><path d="M512 85.333333c129.6 0 234.666667 105.066667 234.666667 234.666667 0 84.256-44.394667 158.133333-111.072 199.52a425.28 425.28 0 0 1 152.853333 83.466667 32 32 0 1 1-41.493333 48.736A361.045333 361.045333 0 0 0 512 565.333333c-188.672 0-345.429333 144.672-361.344 331.413334a32 32 0 0 1-63.765333-5.429334c15.114667-177.322667 138.048-322.346667 301.546666-371.786666C321.76 478.165333 277.333333 404.266667 277.333333 320c0-129.6 105.066667-234.666667 234.666667-234.666667z m415.946667 627.381334l1.066666 1.013333a29.824 29.824 0 0 1 0 43.413333l-162.261333 152.96a31.925333 31.925333 0 0 1-22.762667 8.704 31.925333 31.925333 0 0 1-22.773333-8.704l-93.184-87.84a29.824 29.824 0 0 1 0-43.413333l1.077333-1.013333a32 32 0 0 1 43.904 0l70.976 66.901333 140.053334-132.021333a32 32 0 0 1 43.904 0zM512 149.333333c-94.261333 0-170.666667 76.405333-170.666667 170.666667s76.405333 170.666667 170.666667 170.666667 170.666667-76.405333 170.666667-170.666667-76.405333-170.666667-170.666667-170.666667z" p-id="7979"></path></svg>
									<span style="color: #8e9097;font-size: 12px;margin-left: 12px;">关注</span>
								</div>
								<div class="left-icon" id="mine\mine">
									<svg class="icon" style="vertical-align: middle;" t="1737819883706" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10071" width="200" height="200"><path d="M970.142125 887.350303c-0.271515-3.84-0.827475-9.671111-1.82303-17.260606-1.848889-14.157576-4.615758-29.853737-8.494546-46.713535-11.080404-48.122828-28.935758-96.271515-55.169292-141.433536-68.926061-118.600404-181.772929-194.314343-344.901819-206.62303 95.883636-21.837576 167.421414-107.545859 167.421415-209.945859 0-118.923636-96.504242-215.337374-215.544243-215.337373-119.04 0-215.544242 96.413737-215.544242 215.337373 0 102.412929 71.550707 188.108283 167.434343 209.958788-163.128889 12.308687-275.975758 88.048485-344.914747 206.674748-26.233535 45.16202-44.088889 93.323636-55.182223 141.459394-3.878788 16.859798-6.658586 32.568889-8.507474 46.726464-1.021414 7.848081-1.590303 13.808485-1.83596 17.635556-6.270707 48.032323 29.013333 88.177778 77.795556 88.177778h761.483636c49.027879 0 85.061818-40.572121 77.782626-88.656162zM353.570004 265.373737c0-87.22101 70.76202-157.918384 158.060606-157.918383 87.298586 0 158.060606 70.697374 158.060606 157.918383S598.916267 423.292121 511.63061 423.292121c-87.285657 0-158.060606-70.697374-158.060606-157.918384z m538.815354 653.213738H130.888792c-14.235152 0-22.794343-9.865051-20.751515-23.815758l0.193939-1.292929 0.064647-1.305859c0.025859-0.426667 0.103434-1.564444 0.271515-3.361616 0.284444-3.180606 0.698182-6.930101 1.254141-11.196768 1.616162-12.373333 4.059798-26.259394 7.511919-41.257373 9.87798-42.873535 25.755152-85.721212 48.885657-125.517576 65.512727-112.756364 175.127273-179.872323 343.311515-179.872323 168.197172 0 277.798788 67.10303 343.311515 179.820606 23.117576 39.770505 38.994747 82.605253 48.872728 125.478788 3.452121 14.985051 5.908687 28.858182 7.511919 41.244444 0.55596 4.266667 0.969697 8.016162 1.241212 11.196768 0.168081 1.797172 0.245657 2.92202 0.271515 3.361616l0.090505 1.667879 0.284444 1.64202c2.301414 13.239596-6.412929 23.208081-20.82909 23.208081z m0 0" p-id="10072"></path></svg>
									<span style="color: #8e9097;font-size: 12px;margin-left: 12px;">我的</span>
								</div>
							</div>
						</div>
						<!-- 左侧底部信息图标 -->
						<div id="left-bottom" align="center">
							<div id="setting" class="left-icon">
								<svg class="icon" style="vertical-align: middle;" t="1737820958414" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15918" width="200" height="200"><path d="M661.636 917.743h-0.006c-16.273-0.008-32.097-6.733-42.312-18.008-13.921-15.264-58.031-54.955-94.135-54.955-35.857 0-80.65 39.921-93.515 53.902-10.192 11.084-25.904 17.7-42.02 17.7-7.681 0-14.923-1.47-21.54-4.378l-1.16-0.503-109.745-61.374-1.092-0.761c-19.976-13.987-27.58-41.343-17.68-63.634 0.077-0.167 10.123-23.351 10.123-44.49 0-64.146-52.19-116.337-116.335-116.337h-3.89c-0.24 0.009-0.479 0.014-0.704 0.014-18.378 0-33.337-16.323-38.123-41.587-0.379-2.026-9.36-49.938-9.36-87.688 0-37.753 8.978-85.67 9.36-87.695 4.84-25.582 20.125-42.015 38.828-41.575h3.89c64.146 0 116.335-52.19 116.335-116.332 0-21.132-10.041-44.311-10.148-44.544-9.889-22.266-2.235-49.619 17.832-63.56l1.137-0.788 115.82-63.621 1.206-0.512c6.524-2.78 13.665-4.19 21.232-4.19 16.086 0 31.824 6.473 42.114 17.316 13.709 14.35 57.036 51.681 92.108 51.681 34.744 0 77.81-36.59 91.471-50.692 10.233-10.62 25.86-16.983 41.782-16.983 7.72 0 14.996 1.46 21.628 4.34l1.17 0.512 111.866 62.148 1.104 0.774c20.017 13.965 27.639 41.324 17.731 63.625-0.072 0.17-10.124 23.355-10.124 44.493 0 64.143 52.19 116.332 116.334 116.332h3.896c18.673-0.416 33.98 15.99 38.822 41.575 0.38 2.024 9.36 49.936 9.36 87.688 0 37.755-8.98 85.67-9.367 87.694-4.837 25.584-20.144 41.955-38.824 41.573h-3.887c-64.144 0-116.334 52.191-116.334 116.337 0 21.128 10.042 44.304 10.145 44.534 9.882 22.257 2.243 49.614-17.786 63.567l-1.119 0.786L683.967 913l-1.183 0.514c-6.511 2.803-13.621 4.229-21.148 4.229z m-3.455-53.594c0.506 0.332 1.946 0.896 3.455 0.896 0.062 0 0.118 0 0.17-0.004l106.28-58.74c-2.566-5.957-14.295-34.885-14.295-65.05 0-90.232 71.065-164.178 160.167-168.802 1.28-7.082 8.242-46.918 8.242-76.801 0-29.883-6.962-69.7-8.242-76.803-89.1-4.627-160.167-78.573-160.167-168.8 0-30.213 11.765-59.175 14.308-65.09l-104.555-58.089c-0.12-0.005-0.268-0.016-0.439-0.016-1.78 0-3.443 0.65-3.996 1.023-1.758 1.804-16.91 17.173-38.682 32.486-32.226 22.67-62.697 34.167-90.575 34.167-28.142 0-58.86-11.724-91.292-34.84-21.906-15.609-37.132-31.274-38.89-33.111-0.557-0.377-2.245-1.046-4.04-1.046-0.14 0-0.263 0.005-0.372 0.011l-108.299 59.482c2.6 6.033 14.283 34.909 14.283 65.025 0 90.226-71.063 164.172-160.166 168.8-1.28 7.086-8.241 46.916-8.241 76.802 0 29.88 6.96 69.695 8.248 76.795 89.094 4.63 160.16 78.572 160.16 168.801 0 30.278-11.812 59.286-14.328 65.124l102.502 57.316c0.064 0.009 0.143 0.009 0.23 0.009 1.495 0 2.914-0.55 3.423-0.877 1.916-2.055 17.223-18.262 39.277-34.425 32.866-24.09 64.1-36.3 92.836-36.3 29.004 0 60.477 12.443 93.535 36.994 22.18 16.466 37.554 32.973 39.463 35.063zM525.556 649.985c-85.424 0-154.923-69.501-154.923-154.928 0-85.424 69.5-154.924 154.923-154.924 85.428 0 154.932 69.5 154.932 154.924 0 85.427-69.504 154.928-154.932 154.928z m0-257.156c-56.368 0-102.224 45.858-102.224 102.226 0 56.372 45.857 102.231 102.224 102.231 56.373 0 102.238-45.859 102.238-102.23 0-56.369-45.863-102.227-102.238-102.227z" fill="" p-id="15919"></path></svg>
								<span style="color: #8e9097;font-size: 12px;margin-left: 12px;">设置</span>
							</div>
							<!-- <div id="data" class="left-icon">
								<a href="createData/data.html" target="_blank">
									<svg class="icon" style="vertical-align: middle;" t="1737821083525" class="icon" viewBox="0 0 1184 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17847" width="200" height="200"><path d="M1153.624714 349.284253L834.730165 30.389703a103.403926 103.403926 0 0 0-118.401442-18.94423h-3.157372a102.219911 102.219911 0 0 0-24.469631 17.365545L592.007209 126.689543 495.70737 30.389703a103.798597 103.798597 0 0 0-146.423117 0L30.389703 349.284253a103.798597 103.798597 0 0 0 0 146.423117l498.075399 498.075398a103.798597 103.798597 0 0 0 146.423116 0l74.98758-76.171594 243.117627-242.722956a102.219911 102.219911 0 0 0 26.442989-43.413862l134.1883-134.188301a103.798597 103.798597 0 0 0 0-148.001802zM584.113779 937.739419L86.038381 439.66402a24.864303 24.864303 0 0 1 0-34.731089l318.89455-318.89455a24.864303 24.864303 0 0 1 34.731089 0l98.667869 98.667868L486.629926 236.802884a143.265745 143.265745 0 0 0-15.392188 200.887779 118.401442 118.401442 0 0 0 85.249038 33.547075 164.972676 164.972676 0 0 0 114.454727-50.517948l50.91262-51.307292 215.095953 215.095953a24.864303 24.864303 0 0 1 0 34.73109l-22.890945 22.890945-68.278165-68.278165A39.467147 39.467147 0 0 0 789.342945 629.500999l68.278165 68.278165-39.467147 39.467147L749.875798 670.941503a39.467147 39.467147 0 0 0-55.648678 55.648678l68.278165 68.278165-39.467147 39.467147-68.278165-68.672836a39.467147 39.467147 0 0 0-55.648678 55.648678l68.278165 68.278164-48.149919 48.14992a25.258974 25.258974 0 0 1-35.125762 0z m513.072915-498.075399l-97.089182 97.089183a101.035897 101.035897 0 0 0-7.104087-8.682773l-214.30661-214.701281 16.181531-16.18153a39.467147 39.467147 0 1 0-56.043349-55.648678l-43.808534 43.808534-78.934294 78.934294c-28.021675 28.021675-69.462179 35.520433-88.801082 16.181531s-12.234816-61.174078 15.786859-89.195753L753.03317 78.934295a24.864303 24.864303 0 0 1 26.048317 5.5254l318.89455 318.89455a24.864303 24.864303 0 0 1 0 36.309775z" p-id="17848"></path></svg>
									<span style="color: #8e9097;font-size: 12px;margin-left: 12px;">数据中心</span>
								</a>
							</div> -->
												
						</div>
					</div>
					<!-- 中间信息栏 -->
					<div id="header_middle">
						<!-- 中间顶部搜索栏 -->
						<div id="header_middle_top">
							<!-- 搜索栏 -->
							<div id="header_search"   style="position: relative;display: flex;justify-content: center;">
								<div id="search_box" align="left">
									<!-- 输入框 -->
									<input type="text" v-model="content" id="search" placeholder="搜索你感兴趣的内容">
									<!-- 搜索按钮 -->
									<div @click="search" id="bottom" align="right">
										<svg style="vertical-align: middle;" width="22" height="22" t="1737292659825" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2006" width="200" height="200"><path d="M626.7 335.5c-78.8-78.8-203.2-78.8-277.9 0-78.8 78.8-78.8 203.2 0 277.9 78.8 78.8 203.2 78.8 277.9 0 74.7-74.7 74.7-199.1 0-277.9z m207.4 418.8c20.7 20.7 20.7 49.8 0 70.5s-49.8 20.7-70.5 0L659.9 721.2s0-4.1-4.1-4.1c-116.1 82.9-277.9 74.6-381.5-29-74.6-74.6-103.7-182.5-74.6-286.1s107.8-182.5 207.4-207.4c103.7-29 211.5 0 286.1 74.6 103.7 103.7 112 265.4 29 381.5 0 0 4.1 0 4.1 4.1l107.8 99.5z" fill="#ffffff" p-id="2007"></path></svg>
										<span class="fontText">搜索</span>
									</div>
								</div>
									<!-- 顶部右侧图标 -->
									<div id="header_top_right" align="right">
	
										<div id="notification" style="float: left;"  align="center">
											<div style="width: 24px;height: 24px;">
												<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" focusable="false" class="Df5pRYjC" huiyi-exclude-el="m"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9998 4.50037C9.02034 4.50037 6.55167 6.81159 6.35561 9.78463L5.94855 15.9572H18.0507L17.6441 9.78506C17.4482 6.81184 14.9795 4.50037 11.9998 4.50037ZM7.85236 9.88334C7.99643 7.6987 9.81045 6.00037 11.9998 6.00037C14.1893 6.00037 16.0034 7.69888 16.1473 9.88365L16.4486 14.4572H7.55073L7.85236 9.88334Z" fill="currentColor"></path><path d="M9.75056 19.1392H14.2506V17.6392H9.75056V19.1392Z" fill="currentColor"></path></svg>
											</div>
											<div class="fontTexts">
												通知
											</div>
										</div>
										<div id="chat" style="float: left;"  align="center">
											<div style="width: 24px;height: 24px;">
												<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" focusable="false" class="Df5pRYjC" huiyi-exclude-el="m"><path d="M9.75 10.5001H11.25V12.0001H9.75V10.5001Z" fill="currentColor"></path><path d="M13.4999 10.5003H14.9999V12.0003H13.4999V10.5003Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3751 4.5C8.44033 4.5 5.25069 7.68926 5.25008 11.6239L5.25008 11.625H6.00008L5.25008 11.6239C5.24846 12.6998 5.49149 13.7608 5.95925 14.727L5.01221 18.9879L9.27309 18.0408C10.2391 18.5085 11.2999 18.7515 12.3756 18.75C16.3105 18.7497 19.5001 15.5599 19.5001 11.625C19.5001 7.68987 16.3102 4.5 12.3751 4.5ZM6.75008 11.625C6.75008 8.5183 9.26838 6 12.3751 6C15.4818 6 18.0001 8.5183 18.0001 11.625C18.0001 14.7317 15.4818 17.25 12.3751 17.25H12.3739C11.4505 17.2514 10.5411 17.0243 9.7267 16.5889L9.48163 16.4579L6.98795 17.0121L7.5422 14.5184L7.41119 14.2734C6.97581 13.459 6.74869 12.5496 6.75008 11.6261L6.75008 11.625Z" fill="currentColor"></path></svg>
											</div>
											<div class="fontTexts">
												私信
											</div>
										</div>
										<div id="data" style="float: left;"  align="center">
											<a href="createData/data.html" target="_blank">
											<div style="width: 24px;height: 24px;">
												<svg class="icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" focusable="false" class="qnMXfrje" huiyi-exclude-el="m"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3487 4.90125H11.3164H11.3164C10.2479 4.90124 9.40104 4.90124 8.71799 4.95587C8.01959 5.01173 7.42807 5.12824 6.88626 5.39747C5.95866 5.8584 5.20716 6.60991 4.74622 7.53751C4.477 8.07932 4.36048 8.67084 4.30462 9.36923C4.24999 10.0523 4.24999 10.8991 4.25 11.9677V12V12.0322C4.24999 13.1008 4.24999 13.9477 4.30462 14.6307C4.36048 15.3291 4.477 15.9206 4.74622 16.4624C5.20716 17.39 5.95866 18.1415 6.88626 18.6025C7.42807 18.8717 8.01959 18.9882 8.71799 19.0441C9.40104 19.0987 10.2479 19.0987 11.3164 19.0987H11.3487H12.6513H12.6836C13.7521 19.0987 14.599 19.0987 15.282 19.0441C15.9804 18.9882 16.5719 18.8717 17.1137 18.6025C18.0413 18.1415 18.7928 17.39 19.2538 16.4624C19.523 15.9206 19.6395 15.3291 19.6954 14.6307C19.75 13.9477 19.75 13.1008 19.75 12.0322V12V11.9677C19.75 10.8991 19.75 10.0523 19.6954 9.36923C19.6395 8.67084 19.523 8.07932 19.2538 7.53751C18.7928 6.60991 18.0413 5.8584 17.1137 5.39747C16.5719 5.12824 15.9804 5.01173 15.282 4.95587C14.599 4.90124 13.7521 4.90124 12.6836 4.90125H12.6513H11.3487ZM7.55376 6.74077C7.8529 6.59212 8.22981 6.4997 8.83757 6.45109C9.45382 6.4018 10.2407 6.40125 11.3487 6.40125H12.6513C13.7593 6.40125 14.5462 6.4018 15.1624 6.45109C15.7702 6.4997 16.1471 6.59212 16.4462 6.74077C17.0809 7.05614 17.5951 7.57033 17.9105 8.205C18.0591 8.50414 18.1515 8.88105 18.2002 9.48882C18.2494 10.1051 18.25 10.8919 18.25 12C18.25 13.108 18.2494 13.8949 18.2002 14.5111C18.1515 15.1189 18.0591 15.4958 17.9105 15.7949C17.5951 16.4296 17.0809 16.9438 16.4462 17.2592C16.1471 17.4078 15.7702 17.5002 15.1624 17.5488C14.5462 17.5981 13.7593 17.5987 12.6513 17.5987H11.3487C10.2407 17.5987 9.45382 17.5981 8.83757 17.5488C8.22981 17.5002 7.8529 17.4078 7.55376 17.2592C6.91909 16.9438 6.4049 16.4296 6.08952 15.7949C5.94088 15.4958 5.84846 15.1189 5.79985 14.5111C5.75056 13.8949 5.75 13.108 5.75 12C5.75 10.8919 5.75056 10.1051 5.79985 9.48882C5.84846 8.88105 5.94088 8.50414 6.08952 8.205C6.4049 7.57033 6.91909 7.05614 7.55376 6.74077ZM11.25 15V12.75H9V11.25H11.25V8.99997H12.75V11.25H15V12.75H12.75V15H11.25Z" fill="currentColor"></path></svg>
											</div>
											<div class="fontTexts">
												投稿
											</div>
											</a>
										</div>
										<div @click="intoLogin" v-if="!iflogin"  style="float: left;margin-top: 5px;"  align="center">
											<div style="width: 88px;line-height: 23px;height: 38px;box-sizing: border-box;background-color: #fe2c55;border-radius:12px;padding: 6px 16px;">
												<div style="float: left;">
													<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="" viewBox="0 0 20 20" id="svg_icon_avatar"><rect width="20" height="20" rx="10" fill="#fff" fill-opacity=".3"></rect><path d="M2.494 16.607A9.976 9.976 0 0 1 10 13.214a9.976 9.976 0 0 1 7.507 3.393A9.976 9.976 0 0 1 10 20a9.976 9.976 0 0 1-7.506-3.393zM13.572 8.214a3.571 3.571 0 1 1-7.143 0 3.571 3.571 0 0 1 7.143 0z" fill="#fff"></path></svg>
												</div>
												<div style="font-size: 16px;color: white;">
													登录
												</div>
											</div>
										</div>
									</div>
							</div>
							
						</div>
							<!-- 窗体框架 -->
							<iframe src="Recommended.html" id="iframe" frameborder="0" width="100%" height="92%"  style="margin-left:20px;position:absolute;z-index:1000;"></iframe>
					</div>
					<!-- 右侧调节视频栏 -->
					<div id="header_right" style="position: relative;" align="center">
						<div id="header_right_middle">
							<div @click="upVideo" style="width: 35px;height: 40px;">
								<svg class="header_right_middle_icon"  viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" focusable="false" huiyi-exclude-el="m"><g filter="url(#filter0_d_1651_162618)" huiyi-exclude-el="m"><path d="M7.26904 16.3163C6.7251 15.7724 6.7251 14.8905 7.26904 14.3465L12.325 9.29059C12.8689 8.74664 13.7508 8.74664 14.2948 9.29059L14.3061 9.30202L19.3506 14.3466C19.8946 14.8905 19.8946 15.7724 19.3506 16.3164C18.8067 16.8603 17.9248 16.8603 17.3808 16.3164L13.3098 12.2453L9.23884 16.3163C8.69489 16.8603 7.81299 16.8603 7.26904 16.3163Z" fill="currentColor"></path></g><defs><filter id="filter0_d_1651_162618" x="5.861" y="8.883" width="14.8975" height="9.84167" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="1"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1651_162618"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1651_162618" result="shape"></feBlend></filter></defs></svg>
							</div>
							<div @click="downVideo"  style="width: 35px;height: 40px;">
								<svg class="header_right_middle_icon"  viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" focusable="false" huiyi-exclude-el="m"><g filter="url(#filter0_d_1646_162559)" huiyi-exclude-el="m"><path d="M7.26904 9.29065C6.7251 9.83459 6.7251 10.7165 7.26904 11.2604L12.325 16.3164C12.8689 16.8603 13.7508 16.8603 14.2948 16.3164L14.3061 16.3049L19.3506 11.2604C19.8946 10.7164 19.8946 9.83453 19.3506 9.29059C18.8067 8.74664 17.9248 8.74664 17.3808 9.29059L13.3098 13.3616L9.23884 9.29065C8.69489 8.74671 7.81299 8.74671 7.26904 9.29065Z" fill="currentColor"></path></g><defs><filter id="filter0_d_1646_162559" x="5.861" y="8.883" width="14.8975" height="9.84171" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="1"></feOffset><feGaussianBlur stdDeviation="0.5"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"></feColorMatrix><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1646_162559"></feBlend><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1646_162559" result="shape"></feBlend></filter></defs></svg>
							</div>
						</div>
					</div>
					
					<!-- 底部信息栏 -->
					<div id="header_bottom">
						
					</div>
				</div>
			</div>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				headImg:'',
				iflogin:false,
				hotshow:true,
				historyshow:true,
				content:"",
				historyTags: [
				          { name: '小星星' },
				          { name: '周杰伦老婆'},
				          { name: '只因你太！'},
				          { name: '游戏解说'},
				          { name: '塔罗牌 ta'}
				        ]
			},methods:{
				intoLogin(){
					$("#iframe").attr("src","login.html");
					$("#header_right").hide();
				},
				upVideo(){
					window.localStorage.setItem("up",0);
					window.localStorage.setItem("upindex",0);
					let ifindex=window.localStorage.getItem("ifindex");
					if(ifindex==0){
						$("#iframe").attr("src","Recommended.html")
					}else{
						$("#iframe").attr("src","Recommattention.html")
					}
				},downVideo(){
					window.localStorage.setItem("up",1);
					window.localStorage.setItem("upindex",0);
					let ifindex=window.localStorage.getItem("ifindex");
					if(ifindex==0){
						$("#iframe").attr("src","Recommended.html")
					}else{
						$("#iframe").attr("src","Recommattention.html")
					}
				},
				search(){
					//添加标签
					if(this.content==null||this.content==undefined||this.content==''){
						return
					}
					this.historyshow=true;
					let tags={name:""}
					tags.name=this.content
					let contentList=this.historyTags;
					contentList.push(tags);
					this.historyTags = contentList.filter((item, index) => this.historyTags.findIndex(i => i.name === item.name) === index);
					window.sessionStorage.setItem("searchMag",tags.name)
					this.showseach();
				},addTags(tag){
					//点击标签搜索
					this.content=tag.name
					this.historyshow=true;
					window.sessionStorage.setItem("searchMag",tag.name)
					this.showseach();
				},handleClose(tag) {
					//删除标签
					this.historyTags.splice(this.historyTags.indexOf(tag), 1);
				},deleteTags(){
					//清除所有标签
					this.historyTags=[]
					this.historyshow=false;
				},showseach(){
					$("#search_show").css("left","33%")
					$("#search_show").hide();
					$("#iframe").attr("src","search/searchVideo.html");
					$("#header_right").hide();
				}
			},mounted(){
				let PY=window.localStorage.getItem("userid")
				if(PY!=null){
					this.iflogin=true;
					axios.get(API + "selectUserInfo?userid="+PY).then(res => {
						//获取数据
						this.headImg=res.data.headImg;
						console.log("里面"+this.headImg)
					})
					console.log("外面"+this.headImg)
				}else{
					this.iflogin=false;
				}
			}
		})
	
	</script>
	<script type="text/javascript">
		$(function(){
			//显示搜索框、
			$("#search_box,#search_show").mouseover(function(){
				$("#search_show").show();
				
			})
			$("#search_box,#search_show").mouseout(function(){
				$("#search_show").hide();
			})

			// 左侧导航栏点击事件
			$(".left-icon").click(function(){
				// 获取点击跳转的路径地址
				var id = $(this).attr("id");
				console.log(id);
				let userid=window.localStorage.getItem("userid");
				if((userid==null)&&(id!="Recommended")){
					$("#iframe").attr("src","login.html");
					$("#header_right").hide();
					return;
				}
				//判断点击是否为推荐
				if(id=="Recommended"){
					//$("#iframe").attr("width","100%");
					//显示右侧调节视频栏
					window.localStorage.setItem("upindex",2);
					window.localStorage.setItem("ifindex",0);
					$("#header_right").show();
				}else if(id=="mine"){
					$("#iframe").attr("src","mine/mine.html");
				}else if(id=="choiceness"){
					$("#iframe").attr("src","index/choiceness.html");
					$("#header_right").hide();
					$("#search_show").css("left","33%")
					return
				}else if(id=="attentionVideo"){
					window.localStorage.setItem("up",2);
					window.localStorage.setItem("ifindex",1);
					window.sessionStorage.removeItem("num");
					$("#iframe").attr("src","Recommattention.html")
					$("#header_right").show();
					return
				}else if(id=="setting"){
					$("#iframe").attr("src","setting/setting.html")
					return
				}else{
					//隐藏右侧调节视频栏
					$("#header_right").hide();
				}
				$("#search_show").css("left","33%")
				//取消导航栏背景色
				$(".left-icon").css("background-color","transparent");
				//设置当前点击的导航栏背景色
				$("#"+id).css("background-color","#272933");
				//设置iframe的src
				if(id==null&&id==undefined){
					$("#iframe").attr("src","Recommended.html");
					$("#header_right").show();
				}else{
					$("#iframe").attr("src",id+".html");
				}
			})
			
			$("#chat").click(function(){
				$("#iframe").attr("src","message/chat.html");
				$("#header_right_middle").hide();
				//location.href="message/message.html"
			})
			$("#notification").click(function(){
				location.href="message/message.html"
			})
			$("#data").click(function(){
				$("#iframe").attr("src","Recommended.html");
			})
			$("#Recommended").click(function(){
				$("#search_show").css("left","29%");
			})
			
		})
	</script>
</html>
